<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      // 逻辑与 &&
      // 1. 如果第一个表达式为真，则返回第二个表达式
      console.log(1 && 2); //2

      // 2. 如果第一个表达式为假，则返回第一个表达式
      console.log(0 && 2); //0

      // 逻辑或 ||
      // 1. 如果第一个表达式为真，则返回第一个表达式
      console.log(1 || 2); //1
      // 2. 如果第一个表达式为假，则返回第二个表达式
      console.log(0 || 2); //2

      let a = 1;
      console.log(0 || ++a); //2
      let b = 1;
      console.log(0 || b++); //1
      let c = 1;
      console.log(1 || ++c); //1
      let d = 1;
      console.log(1 && ++d); //2
      let e = 1;
      console.log(0 && ++e); //0
    </script>
  </body>
</html>
